<!DOCTYPE html>
<html>
<head>
  <title>王荟玲 -机顶盒</title>
  <link rel="stylesheet" type="text/css" href="./css/web_css.css"/> 
  <script type="text/javascript" src = "./js/common.js"></script>
  <meta charset="utf-8">
</head>
<script type="text/javascript">
	//定义函数
	function name_1(imgFileName) {
		// body...
		var mainTv = document.getElementById('main_img');//通过id引用文档对象
		mainTv.src = "./images/" + imgFileName;
		// alert(mainTv.src)
		// alert("hello," + hello +"!");


	}

//页面加载
function pageLoad(){
	window.setInterval("timeFresh()",1000);//定时器，执行单位毫秒
	
}	

function timeFresh(){
	let ymd = getNowDate();//定义ymd变量，值通过getNowDate()函数获取
		let hms = getNowTime();
		let week = getNowWeekCN();
		let full_time = ymd + " " + week +" " + hms;
		let time_node = document.getElementById("current_time");
		time_node.innerHTML = full_time;
}
</script>

<body onload="pageLoad()">
<div class="main_div">
  <div class="sub_div" style="width:33%;">
  	<table align="center" class="my_table_1">
	 <tr>
	    <td>
	    <button class="tv_bt" onclick="name_1('001.jpg')">
	    <span><img align="center" src="./images/button_icon/sports.png" class="tv_icon" /></span>
	    <span class="tv_label">体育频道</span>
	   </button>
	 </td>
	    <td>
	    <button class="tv_bt" onclick="name_1('002.jpg')">
	    <span><img align="center" src="./images/button_icon/movie.png" class="tv_icon" /></span>
	    <span class="tv_label">电影频道</span>
	   </button>
	 </td>
	 </tr>
	  <tr>
	    <td>
	    <button class="tv_bt"  onclick="name_1('003.jpg')">
	    <span><img align="center" src="./images/button_icon/tv.png" class="tv_icon" /></span>
	    <span class="tv_label">电视剧</span>
	   </button>
	</td>
	    <td>
	    <button class="tv_bt" onclick="name_1('004.jpg')">
	    <span><img align="center" src="./images/button_icon/cd.png" class="tv_icon" /></span>
	    <span class="tv_label">付费电视</span>
	   </button>
	</td>
	 </tr>
	  <tr>
	    <td>
	    <button class="tv_bt" onclick="name_1('005.jpg')">
	    <span><img align="center" src="./images/button_icon/17.png" class="tv_icon" /></span>
	    <span class="tv_label">测试频道</span>
	   </button>
	</td>
	    <td>
	    <button class="tv_bt" onclick="name_1('006.jpg')">
	    <span><img align="center" src="./images/button_icon/18.png" class="tv_icon" /></span>
	    <span class="tv_label">视频点播</span>
	   </button>
	</td>
	 </tr>
	  <tr>
	    <td>
	    <button class="tv_bt" onclick="name_1('007.jpg')">
	    <span><img align="center" src="./images/button_icon/42.png" class="tv_icon" /></span>
	    <span class="tv_label">数码广播</span>
	   </button>
	</td>
	    <td>
	    <button class="tv_bt" onclick="name_1('008.jpg')">
	    <span><img align="center" src="./images/button_icon/46.png" class="tv_icon" /></span>
	    <span class="tv_label">股票财经</span>
	   </button>
	</td>
	 </tr>
	  <tr>
	    <td>
	    <button class="tv_bt" onclick="name_1('009.png')">
	    <span><img align="center" src="./images/button_icon/40.png" class="tv_icon" /></span>
	    <span class="tv_label">节目管理</span>
	   </button>
	</td>
	    <td>
	    <button class="tv_bt" onclick="name_1('010.jpg')">
	    <span><img align="center" src="./images/button_icon/se.png" class="tv_icon" /></span>
	    <span class="tv_label">缤纷服务</span>
	   </button>
	</td>
	 </tr>
	</table>
  </div>
  <div class="sub_div" style="width:67%;">
  	<div class="div_3" style="height:100px; line-height:100px;">
  		<span  id = "current_time" style="font-family:黑体;font-size:32px;color:#6F4242;">当前时间</span>
  	</div>
  	<div class="div_3" style="height:380px;">
  		<img id ="main_img" src="./images/sports.jpg" style="width:90%; height:90%;border-style:inset; border-width:18px;border-color:#8C7853" />
  	</div>
  	<div class="div_3" style="height:150px;">
  		<span class="my_span" style="width:65%">服务热线：01101198</span>
  		<span class="my_span" style="width:31%">王荟玲</span>
  	</div>
  	</div>
</div>
</body>
</html>